<%@page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="root61">
<head>
	<%@include file="/views/common/include/taglib.jsp"%>
	<%@include file="/views/common/include/head.jsp"%>
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
	<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" source="widget" />
	<link type="text/css" rel="stylesheet" href="${ctx}/css/dlifestyle/table.css" />
	<link rel="stylesheet" href="${ctx}/js/lib/ztree/zTreeStyle/zTreeStyle.css" type="text/css">
	<script type="text/javascript" src="${ctx}/js/lib/ztree/jquery.ztree.all-3.5.js"></script>
	<link type="text/css" rel="stylesheet" href="${ctx}/css/dlifestyle/org.css" />
	<style type="text/css">
		ul.ztree {width:210px;height:360px;}
		
		.panel-footer {
		  text-align: center;
		}
		
		.search-btn{
			display: inline-block;
    		height: 30px;
    		padding-left: 8px;
    		font-size: 14px;
    		border-radius: 10px;
    		line-height: 2;
    		color: #555;
    		background-image: none;
		}
	</style>
</head>
<body style="margin: 0px;">
		<div style="margin-left: 20px;margin-top: 15px;">
			<input id="search_condition" type="text" placeholder="请输入搜索条件" class="input-sm form-control" style="width: 32.5%;border:1px solid #f9f2f1;margin-left:0"/>
			<div class="search-btn">
				<div class="search" style="margin-top:9.4px" onclick="search_ztree('treeDemo', 'search_condition')"><img src="${ctx }/images/table/search_second.png"></div>
			</div>		            	 
		</div>
				<input type="hidden" id="rmname" value="${rmname}"/><input type="hidden" id="rmid" value="${rmid}"/>
				<input type="hidden" id="selectcells" value="${selectcells}"/>
                <!--生成树  -->
				<div class="content_wrap" style="width:300px;float:left;margin-top: 20px;margin-left: 20px;">
					<div class="zTreeDemoBackground left" style="  margin-top: 8px; padding-left:15px;background-color: #f9f2f1; height: 376px; overflow-y: auto;overflow-x: hidden;">
						<ul id="treeDemo" class="ztree"></ul>
					</div>
				</div>
		<input type="hidden" id="roleId" value="${role.id}"/>
		<input type="hidden" id="roleType" value="${roleType}"/>
		<input id="menuList" type="hidden" value="${menuList}">
				<%-- <span style=" float:left;margin-left: 20px;"><img src="${ctx }/images/selected.png" style="padding-right:12px;">已选菜单：<span id="menucount"></span></span> --%>
				<div class="content_wrap" style="width:400px;float:left;margin-top: 20px;margin-left: 20px;">
					<div class="zTreeDemoBackground left" style=" margin-top: 8px;background-color: #f9f2f1; height: 376px; overflow-y: auto;overflow-x: hidden;">
						<span id="checkedRoleMenu"></span>
					</div>
				</div>
<script src="${ctx}/js/controllers/system/role/MenuPickerController.js" type="text/javascript"></script>
	<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
		
	</script>
	<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
	<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
</body>
</html>